<template>
  <div class="m-header">
    <div class="icon"></div>
    <h1 class="txt">你是我的独家医生</h1>
    <router-link to="/user" class="mine" tag="div">
      <i class="icon-mine"></i>
    </router-link>
  </div>
</template>
<script type="text/ecmascript-6">
export default{}
</script>
<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "~common/stylus/variable"
  @import "~common/stylus/mixin"
  .m-header
    position: relative;
    height:44px;
    text-align center;
    color:$color-theme;
  .icon
    width:30px;
    background-size:30px;
    vertical-align:top;
    height: 32px;
    display :inline-block;
    bg-image(logo)
    margin:0 auto;
    margin-top 6px
  .txt
    display: inline-block;
    vertical-align:top;
    margin:0 auto;
    font-size $font-size-medium-x
    line-height 44px
  .mine
    position: absolute
    top: 0
    right: 0
    .icon-mine
      display: block
      padding: 12px
      font-size: 20px
      color: $color-theme

</style>
